﻿<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>工作总结评述</title> 
<link href="../css/base.css" rel="stylesheet">
<link href="../css/project/work_comment.css" rel="stylesheet">
<link href="../js/lib/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
</head> 
<body>
    <div class="container">
        <div id="inner-hd">
            <div class="crumbs">
				<i class="crumbs-arrow"></i>
				<a href="javascript:;" class="crumbs-label">工作总结评述</a>
			</div>
        </div>

        <div id="inner-bd">
          <div class="tab-wraper">
            <ul class="tab">
              <li name="month" class="current"><a href="javascript:;">平时工作总结评述</a></li>
              <li name="year"><a href="javascript:;">年度工作总结评述</a></li>
           </ul>
          </div>
            <div class="month">
                <div class="kv-group-outer">
                  <div class="kv-group clearfix">
                      <div class="kv-item">
                          <div class="item-lt">年份：</div>
                          <div class="item-rt">
                              <select>
                                  <option>2015</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item">
                          <div class="item-lt">周期：</div>
                          <div class="item-rt">
                              <select>
                                  <option>第一季度</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item">
                          <div class="item-lt">人员：</div>
                          <div class="item-rt">
                              <select>
                                  <option>88</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item right">
                          <div class="item-lt">状态：</div>
                          <div class="item-rt red">
                              未提交，不需审核
                          </div>
                      </div>
                  </div>
              </div>
              <div class="button-group">
                <div class="button current">
                  <i class="iconfont">&#xe615;</i>
                  <span class="button-label">通过</span>
                </div>
                <div class="button">
                  <i class="iconfont">&#xe607;</i>
                  <span class="button-label">不通过</span>
                </div>
              </div>
              <table class="kv-table">
                <tbody>
                  <tr>
                    <td class="kv-label" style="width:167px;">考勤情况：</td>
                    <td class="kv-content" style="width:auto;">
                        <div class="kv-group-outer">
                          <div class="kv-group clearfix">
                              <div class="kv-item">
                                  <div class="item-lt">出勤(天)：</div>
                                  <div class="item-rt">
                                    0
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">缺勤(天)：</div>
                                  <div class="item-rt">
                                     0
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">旷工(天)：</div>
                                  <div class="item-rt">
                                     0
                                  </div>
                              </div>
                              <div class="kv-item">
                                  <div class="item-lt">公休(天)：</div>
                                  <div class="item-rt">
                                    0
                                  </div>
                              </div>
                          </div>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td class="kv-label" style="width:167px;">工作总结：</td>
                    <td class="kv-content hasEdit" style="width:auto;">
                      <div id="editor-month" class="editor"></div>
                    </td>
                  </tr>
                  <tr>
                    <td class="kv-label" style="width:167px;">工作总结评述：</td>
                    <td class="kv-content" style="width:auto;">
                        <textarea></textarea>
                    </td>
                  </tr>
                </tbody> 
             </table>
            </div>
            <div class="year">
                <div class="kv-group-outer">
                  <div class="kv-group clearfix">
                      <div class="kv-item">
                          <div class="item-lt">年份：</div>
                          <div class="item-rt">
                              <select>
                                  <option>2015</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item">
                          <div class="item-lt">人员：</div>
                          <div class="item-rt">
                              <select>
                                  <option>88</option>
                              </select>
                          </div>
                      </div>
                      <div class="kv-item right">
                          <div class="item-lt">状态：</div>
                          <div class="item-rt red">
                              未提交，不需审核
                          </div>
                      </div>
                  </div>
              </div>
              <div class="button-group">
                <div class="button current">
                  <i class="iconfont">&#xe615;</i>
                  <span class="button-label">通过</span>
                </div>
                <div class="button">
                  <i class="iconfont">&#xe607;</i>
                  <span class="button-label">不通过</span>
                </div>
              </div>
              <table class="kv-table">
                <tbody>
                  <tr>
                    <td class="kv-label" style="width:167px;">年度总结：</td>
                    <td class="kv-content hasEdit" style="width:auto;">
                      <div id="editor-year" class="editor"></div>
                    </td>
                  </tr>
                  <tr>
                    <td class="kv-label" style="width:167px;">工作总结评述：</td>
                    <td class="kv-content" style="width:auto;">
                        <textarea></textarea>
                    </td>
                  </tr>
                </tbody> 
             </table>
            </div>
        </div>

        <div id="inner-ft">
            
        </div>
    </div>

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/global.js"></script>
    <script type="text/javascript" src="../js/core.js"></script>
    <script type="text/javascript" src="../js/jquery.select.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/lib/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../js/lib/umeditor/umeditor.min.js"></script>
    <script type="text/javascript" src="../js/lib/umeditor/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript">
    var umMonth = UM.getEditor('editor-month');
    var umYear;
    $('select').select();
     var isYearInit = false;
    $(".tab > li").click(function(){
        $(".tab > li").removeClass("current");
        $(this).addClass("current");
        $(".month,.year").hide();
        $("." + $(".tab >li.current").attr("name")).show();
        if($(this).attr("name") === "year" && !isYearInit){
            umYear = UM.getEditor('editor-year');
            isYearInit = true;
        }
    });
    </script>
</body> 
</html>
